@media screen and (max-width: 1281px) {
    html{font-size: 12px;}
}
@media screen and (min-width: 1281px) and (max-width: 1680px) {
    html{font-size: 13px;}
}
@media screen and (min-width: 1681px) and (max-width: 1920px) {
    html{font-size: 14px;}
}
@media screen and (min-width: 1921px){
    html{font-size: 14px;}
}
body {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

* {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: "microsoft yahei";
}

.go {
    background-image: url('../images/background.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.head {
    /*position: absolute;*/
    /*top: 18%;*/
    /*left: 36%;*/
    width: 100%;
    height: auto;
    text-align: center;
    margin: 10% auto 0;
    float: left;
    color: #fff;
    line-height: 1.1;
}
.head .head-div{
    width: 440px;
    margin: 0 auto;

}
.head_logo {
    float: left;
    height: 100%;
    width: auto;
}

.head_logo img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.head_text {
    float: left;
    height: auto;
    width: auto;
    position: relative;
    /*left: 10%;*/
    font-size: 40px;
    margin-left: 36px;
}

.foot {
    position: absolute;
    bottom: 3%;
    left: 0;
    font-size: 12px;
    color: #fff;
    width: 100%;
    text-align: center;
    height: auto;
}

.box-div{
    width: 839px;
    margin: 0 auto;
}
.left {
    width: 337px;
    height: 336px;
    border: solid 3px #ffffff;
    border-radius: 50px;
    float: left;
    position: relative;
    /*top: 34%;*/
    /*left: 28%;*/
    cursor: pointer;
    margin-right: 153px;
    margin-top: 12%;
}

.left:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
}

.left .left_top, .right .right_top {
    width: 110px;
    height: 110px;
    margin: 61px auto 39px;
}

.left_top img, .right_top img {
    width: auto;
    height: 90%;
}

.left .left_bottom, .right .right_bottom {
    height: auto;
    width: auto;
    color: #fff;;
    text-align: center;
    position: relative;
    font-size: 3.93rem;
    font-size: 55px\9;
}

.right {
    width: 337px;
    height: 336px;
    border: solid 3px #ffffff;
    border-radius: 50px;
    float: right;
    position: relative;
    /*top: 34%;*/
    /*right: 28%;*/
    cursor: pointer;
    margin-top: 12%;
}

.right:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
}
@media screen and (max-device-height: 900px){
    .head{
        margin-top: 6%;
    }
    .left,.right{
        width: 300px;
        height: 300px;
    }
    .left .left_top, .right .right_top {
        width: 100px;
        height: 100px;
        margin: 48px auto 39px;
    }
}
